<template>
  <div>
  <!-- 导入2个组件 -->
  <!-- v-if数据加在那个页面请求的数据加哪个页面最好加在组件上 -->
      <TimeCom :setting="setting" v-if="setting.time1"></TimeCom>
      <ChinaMap></ChinaMap>
      
  </div>
</template>
<script>
// 导入中国地图与使用时长
import ChinaMap from '@/components/ChinaMap.vue'
import TimeCom from '@/components/TimeCom.vue'
  export default {
    components:{
      // 注册中国地图组件，使用时长组件
      ChinaMap,TimeCom
    },
    data(){
      return {
        // 设置数据
        setting:{},
      }
    },  
    created(){
      this.getMapData();
    },
    methods:{
      getMapData(){
        fetch("https://hafeishaoer.hafeikids.com/index.php/Api/information")
        .then(res=>res.json())
        .then(res=>{
          // 更新设置数据
          this.setting = res.data.setting;
          console.log(res.data.setting)
        })
      }
    }
  }
</script>